<!-- 下拉 -->
<meta charset="utf-8" />
<link href="../js/plugins/selectordie/selectordie.css" rel="stylesheet" />
<script src="../js/plugins/selectordie/selectordie.min.js"></script>
<!-- iCheck -->
<script src="../js/plugins/iCheck/icheck.min.js"></script>
<link href="../js/plugins/iCheck/icheck.css" rel="stylesheet" />
<!--分页-->
<link rel="stylesheet" type="text/css" href="../js/plugins/pagination/pagination.css">
<script type="text/javascript" src="../js/plugins/pagination/jquery.pagination.js"></script>
<link rel="stylesheet" type="text/css" href="../css/index.css">
<div class="bgfff-box clearfix mt-15">
    <div class="content-tit">任务管理</div>
    <div class="con-top-item">
        <span>网站名称</span>
        <input type="text" placeholder="请输入网站的名称进行查询">
    </div>
    <div class="con-top-item">
        <span>栏目</span>
        <input type="text" placeholder="请输入栏目" class="w-190">
    </div>
    <div class="con-top-item">
        <span>状态</span>
        <div class="select-box">
            <select name="" id="">
                <option value="0">全部</option>
                <option value="1">采集停止</option>
            </select>
        </div>
    </div>
    <div class="con-top-item mr-0">
        <span>行政级别</span>
        <div class="select-box">
            <select name="" id="">
                <option value="0">全部</option>
                <option value="1">采集停止</option>
            </select>
        </div>
    </div>
    <div class="con-top-item">
        <span>创建日期</span>
        <input type="text" placeholder="请输入栏目">
    </div>
    <a href="javascript:;" class="btn1 fr mt-15">搜索</a>
</div>
<div class="bgfff-box clearfix mt-15">
    <div class="fr">
        <a href="javascript:;" class="btn2">全部关闭</a>
        <a href="javascript:;" class="btn2 ml-6">全部启动</a>
        <a href="javascript:;" class="btn2 ml-6">关闭</a>
        <a href="javascript:;" class="btn2 ml-6">启动</a>
    </div>
    <div class="c-both"></div>
    <table class="z-table mt-15">
        <thead>
            <tr>
                <td width="45" class="t-a-c">
                    <input type="checkbox">
                </td>
                <td width="45">序号</td>
                <td>网站名称</td>
                <td>栏目</td>
                <td>行政级别</td>
                <td>创建日期</td>
                <td>状态</td>
                <td width="180">操作</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="t-a-c">
                    <input type="checkbox">
                </td>
                <td>1</td>
                <td>中央政府网</td>
                <td>文件库</td>
                <td>国家级</td>
                <td>2018-03-19</td>
                <td>
                    <span class="colorff4949">采集停止</span>
                </td>
                <td width="170" class="t-a-l">
                    <a href="javascript:;">查看规则</a>
                    <a href="javascript:;">查看日志</a>
                    <a href="javascript:;" class="color10ac3c">开始采集</a>
                    <a href="javascript:;">查看异常</a>
                </td>
            </tr>
            <tr>
                <td class="t-a-c">
                    <input type="checkbox">
                </td>
                <td>1</td>
                <td>中央政府网</td>
                <td>文件库</td>
                <td>国家级</td>
                <td>2018-03-19</td>
                <td>
                    <span class="color10ac3c">采集中</span>
                </td>
                <td width="170" class="t-a-l">
                    <a href="javascript:;">查看规则</a>
                    <a href="javascript:;">查看日志</a>
                    <a href="javascript:;" class="colorff4949">停止采集</a>
                    <a href="javascript:;">查看异常</a>
                </td>
            </tr>
            <tr>
                <td class="t-a-c">
                    <input type="checkbox">
                </td>
                <td>1</td>
                <td>中央政府网</td>
                <td>文件库</td>
                <td>国家级</td>
                <td>2018-03-19</td>
                <td>
                    <span class="colorf7ae1d">采集异常</span>
                </td>
                <td width="170" class="t-a-l">
                    <a href="javascript:;">查看规则</a>
                    <a href="javascript:;">查看日志</a>
                    <a href="javascript:;" class="color10ac3c">开始采集</a>
                    <a href="javascript:;">查看异常</a>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="pagebox">
        <div class="pagination"></div>
    </div>
</div>
<script>
    $(function () {
        $('.select-box select').selectOrDie()
        $('tbody td').each(function () {
            $(this).find('a:odd').addClass('mr-0')
        })
        $('tbody tr:odd').addClass('bgfffcf6')
        //分页
        $(".pagination").pagination(100, {
            num_edge_entries: 1,
            num_display_entries: 7,
            items_per_page: 1
        });
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue'
        })
    })
</script>
